.pulsing-dot {
	background: var(--color-neutral-0);
	transform: translate3d(0, 0, 0);
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -20px 0 0 -20px;
	display: block;
	width: 6px;
	height: 6px;
	border: none;
	box-shadow: 0 0 0 0 rgba(168, 190, 206, 0.7);
	border-radius: 100%;
	animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation-play-state: paused;

	&.is-active {
		animation-play-state: running;
	}
}

@keyframes dot-pulse {
	to {
		box-shadow: 0 0 0 15px rgba(90, 153, 220, 0);
	}
}
